import Taro, {Component} from '@tarojs/taro'
import {View, Text, Image, ScrollView } from '@tarojs/components'
import {getRuntime} from "../../utils/common";

import './myCar.less'

import banner_01 from '../../assets/img/banner_01.jpg'

class MyCar extends Component {
  state = {}

  componentWillMount() {
    Taro.setNavigationBarTitle({title: '我的车'})
  }

  link(url: string = '/pages/index/index'): void {
    getRuntime().navigateTo(url)
  }

  render() {
    return (
      <View className='my-car'>
        <ScrollView
          className='scroll-column'
          scrollX
          scrollWithAnimation
        >
          <View className='scroll-column__title scroll-column__active'>乘用车</View>
          <View className='scroll-column__title'>客车</View>
          <View className='scroll-column__title'>货车</View>
          <View className='scroll-column__title'>挂车</View>
          <View className='scroll-column__title'>作业车</View>
          <View className='scroll-column__title'>作业车</View>
          <View className='scroll-column__title'>作业车</View>
          <View className='scroll-column__title'>作业车</View>
          <View className='scroll-column__title'>作业车</View>
        </ScrollView>

        <View className='interval' />
        <View className='list-wrap content-30'>
          <View className='item'>
            <View className='l'>
              <Text className='title'>取消施工图审、落实设计师责任带来哪些行业影响？</Text>
              <Text className='date'>2019-08-09 12.12.12</Text>
            </View>
            <Image src={banner_01} className='img'/>
          </View>
          <View className='item'>
            <View className='l'>
              <Text className='title'>取消施工图审、落实设计师责任带来哪些行业影响？</Text>
              <Text className='date'>2019-08-09 12.12.12</Text>
            </View>
            <Image src={banner_01} className='img'/>
          </View>
          <View className='item'>
            <View className='l'>
              <Text className='title'>取消施工图审、落实设计师责任带来哪些行业影响？</Text>
              <Text className='date'>2019-08-09 12.12.12</Text>
            </View>
            <Image src={banner_01} className='img'/>
          </View>
        </View>
      </View>
    )
  }
}

export default MyCar
